<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" type="text/css" href="shiyansi.css">
  <link rel="stylesheet" type="text/css" href=" bootstrap.min.css">
</head>
<body>
<div id="container">
  <div id="header" >
    <ul>
      <li>

      </li>
      <li id="li">
        //欢迎注册//
      </li>
    </ul>
  </div>
  <div id="border"></div>
  <div id="main">

    <form>
      <div class="form-group">
        <label for="exampleInputEmail1">邮箱</label>
        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
      </div>
      <div class="form-group">
        <label for="exampleInputPassword1">密码</label>
        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
      </div>
      <div class="form-group">
        <label for="exampleInputFile">File input</label>
        <input type="file" id="exampleInputFile">
        <p class="help-block">Example block-level help text here.</p>
      </div>
      <div class="checkbox">
        <label>
          <input type="checkbox"> Check me out
        </label>
      </div>
      <button type="submit" class="btn btn-default">Submit</button>
    </form>

    <form>
      <table align="left" cellspacing="15">
        <tr>
          <td>
            用户名<span style="color: red">*</span>
          </td>
          <td>
            <input type="text" name="username" value="长度不超过25个字符" style="width: 260px;color: grey;height: 30px;">
          </td>
        </tr>
        <tr>
          <td>
            设置密码<span style="color: red">*</span>
          </td>
          <td>
            <input type="password" name="password" style="width: 260px;color: grey;height: 30px;">
          </td>
        </tr>
        <tr>
          <td>
            家庭地址
          </td>
          <td>
                    <textarea name="textarea" cols="50" rows="3" readonly="readonly" style="font-size: 12px;height: 50px;">
                        建议您填写详细收货地址</textarea>
          </td>
        </tr>
        <tr>
          <td>手机号码</td>
          <td>
            <select style="height: 35px;">
              <option>China+86</option>
              <option>中国香港+852</option>
              <option>中国台湾+886</option>
            </select>
            <input type="text" name="call" style="width: 260px;color: grey;height: 30px;">

          </td>
        </tr>
        <tr>

          <td>
            <input type="checkbox" name="agree" id="agree" color="black"/>同意相关协议
          </td>
        </tr>
        <tr>
          <td colspan="2"><input type="submit" name="zc" value="立即注册" id="zhuce" style="width: 500px;color: black;height: 40px;font-size: 24px;border-style: none;" disabled="disabled"></td>
          <!-- Indicates a successful or positive action -->
          <button type="button" class="btn btn-success">注册</button>

          <!-- Contextual button for informational alert messages -->
          <button type="button" class="btn btn-info">重置</button>

        </tr>
      </table>
    </form>
  </div>
</body>
</html>